@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/
  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #4d87c7 url("images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 960px; max-width: 160em; background: #fff; }
  .page { padding: 10px; }
  #header { padding: 45px 2em 1em 20px; color: #000; background: #fff; }
  #topnav { color: #aaa; background: transparent; }
  #nav { overflow:hidden; }
  div.hlist {  }
  #main { margin: 10px 0; background: #fff; }
  #teaser { clear:both; padding: 0 20px; margin: 10px 0; }
  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 73%}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 73%}
  #col1_content { padding: 0 10px 0 20px }
  #col3_content { padding: 0 20px 0 10px }


  /* set column dividers */ 
  #col3 { border-left: 1px #ddd solid }
	
  /*-------------------------------------------------------------------------*/
  
/***************************************************************************
*                   Мои правки оригинального шаблона
***************************************************************************/
	html
	{
		background: #dfd9c9;
		background: #f2f2e8 url(../../images/textures/body-texture.jpg) fixed 0 -10px;
		padding: 0 10px 10px;
		padding: 0;
		position: relative;
	}
	
	body
	{
		background: #f2f2e8 url(../../images/textures/body-texture.jpg) fixed 0 -10px;
		height: 100%;
		padding: 0;
		position: relative;
	}
	
	#header, #teaser, #footer
	{
		margin: 0;
		padding: 0;
	}
	
	/**
	 * ВНИМАНИЕ: если элементы #header, #footer, #nav вынесены за пределы .page_margins,
	 *           то необходимо зать эти парметры, в противном случае их следует 
	 *           закоментировать.
	 */
	.page_margins, #header, #footer, #nav
	{
		min-width: 960px;
		max-width: 160em;
	}
	.page_margins
	{
		background: #cfcfcf url(../../images/textures/parallax_bits1.gif) 20% 0;
		margin: 0;
		position: relative;
		z-index: 2;
	}
	.page
	{
		padding-bottom: 0; /* for IE */
		position: relative;
		z-index: 2;
	}
	
	#header
	{
		height: 200px;
		height: 150px;
		padding: 0;
		padding: 40px 10px 10px 10px;
		position: relative;
	}
	#topnav
	{
		z-index: 2;
	}

	#nav
	{
		position: relative;
		z-index: 2;
	}
	
	#teaser
	{
		background: #f2f2e8 url(../../images/textures/body-texture.jpg) fixed 0 -10px;
		border: 1px solid #333;
		clear:both;
		height: 250px;
		padding: 0 20px;
	}
	
	#main
	{
		background: #fff url(../../images/tooltip-bg.jpg) repeat-x left top;
		border-top: 1px solid #9f9f9f;
		margin:  10px 0 0 0;
	}
	#col1, #col3
	{
		background: transparent;
		padding: 40px 0 20px 0;
	}
	#col3_content
	{
		padding: 0 10px;
	}
	
	
	#footer
	{
		background: #404347 url(../../images/gradient-gray-bg.gif) repeat-x 0 -100px;
		border-top: 5px solid #afafaf;
		color: #f4f4f4;
		min-height: 200px;
		overflow: hidden;
		padding: 10px 20px;
		position: relative;
		z-index: 2;
	}
	
	/**
	 * Паралакс маппинг
	 */
	 div.pa, div.ral, div.lax, div.mapping
	 {
	 	left: 0;
	 	position: fixed; /* паралакс текстура будет стоять на месте */
	 	position: absolute;
	 	top: 10px;
	 	top: 0;
	 	width: 100%;
	 	z-index: 1;
	 }
	 div.pa
	 {
	 	background: transparent url(../../images/textures/parallax_bits1.gif) repeat-x 80% 0;
	 	height: 482px;
	 	top: 100px;
	 	top: 0;
	 }
	 div.ral
	 {
	 	background: transparent url(../../images/textures/parallax_bits2.gif) repeat-x 15% 0;
	 	height: 418px;
	 	bottom: 300px;
	 }
	 div.lax
	 {
	 	background: transparent url(../../images/textures/parallax_logoBig.png) no-repeat 90% 0;
	 	height: 191px;
	 }
	 div.mapping
	 {
	 	background: transparent url(../../images/textures/parallax_logoHuge.png) no-repeat 30% 0;
	 	height: 220px;
	 }
  
}